{include file="public/header" /}
<div class="container container-fill">
    <script>
            $(function(){
                $(document).on('click', '.register-basic', function() {
                    var phone = $('#register-basic input[name="phone"]').val();
                    
                    if(!phone) {
                        util.toast('请输入手机号', '', 'error');
                        return;
                    }
                    if(!/^1[3|4|5|7|8][0-9]{9}$/.test(phone)) {
                        util.toast('手机号格式错误', '', 'error');
                        return;
                    }
                })
            });
    </script>
    <div class="mui-content mc-login">
        <div class="avatar mui-text-center">
            <img src="{$userInfo.headimgurl}" class="mui-img-circle">
        </div>
        <p style="text-align: center;line-height: 36px;font-size:18px;color:#333">{$userInfo.nickname}</p>
        <div class="mui-input-group" id="register-basic">
            <div class="mui-input-row">
                <label class="mui-label-icon"><i class="fa fa-phone"></i></label>
                <input name="phone" type="text" placeholder="请填写手机号">
            </div>
        </div>
        <div class="mui-content-padded">
            <button class="mui-btn mui-btn-success mui-btn-block register-basic" type="submit">注册</button>
        </div>
    </div>
</div>
<div id="cli_dialog_div"></div>
{include file="public/footer" /}